@import '../../../../node_modules/taro-ui-hello-red/dist/style/variables/default.scss';
@import '../../../../node_modules/taro-ui-hello-red/dist/style/mixins/index.scss';

$checkbox-icon-size: 40px;
$checkbox-icon-px-size: 20PX;

.my-radio {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  // margin-right: $spacing-h-lg;
  width: $checkbox-icon-px-size;
  height: $checkbox-icon-px-size;
  font-size: $font-size-lg;
  line-height: 0;
  border: 2px solid #CDCDCD;
  border-radius: $border-radius-circle;
  background-color: $color-bg;
  box-sizing: border-box;
  transition: all 0.2s;
  &__checked {
    background-color: $color-brand;
    border: none;
  }

  &__container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: $checkbox-icon-px-size;
    height: $checkbox-icon-px-size;
  }
}
